var classify = [
    {
     'id':'A01',
     'h1':'品牌',
     'isli' : true,
     arr:[],
      "liclass":[
            {"spaname":"季候风","isspa":false}, //span
            {"spaname":"季候风","isspa":false},
            {"spaname":"季候风","isspa":false},
            {"spaname":"季候风","isspa":false},
            {"spaname":"季候风","isspa":false},
            {"spaname":"季候风","isspa":false},
            {"spaname":"季候风","isspa":false},
            {"spaname":"季候风","isspa":false},
            {"spaname":"季候风","isspa":false},
            {"spaname":"季候风","isspa":false}
      ]
    },
     {
     'id':'A02',
     'h1':'品类',
     'isli' : true,
     arr:[],
      "liclass":[
            {"spaname":"季候风","isspa":false}, //span
            {"spaname":"季候风","isspa":false},
            {"spaname":"季候风","isspa":false},
            {"spaname":"季候风","isspa":false},
            {"spaname":"季候风","isspa":false},
            {"spaname":"季候风","isspa":false}
      ]
    },
     {
     'id':'A03',
     'h1':'标签',
     'isli' : true,
     arr:[],
      "liclass":[
            {"spaname":"季候风","isspa":false}, //span
            {"spaname":"季候风","isspa":false},
            {"spaname":"季候风","isspa":false},
            {"spaname":"季候风","isspa":false},
            {"spaname":"季候风","isspa":false},
            {"spaname":"季候风","isspa":false}
      ]
    }
];
// 优惠
var classify1=[
    {
       "id":"label",
        "h11":"优惠",
        "inslabelli":true,
         "labelspan":[
              {"spaname1":"所有折扣","isspanlabe":false}
         ]
      }
];
var i=0; 
var vm = new Vue({
    el:'#app',
    data:{
        classify:classify,
        classify1:classify1,
        arr:[]
        // isli:true
    },
    methods:{
        cli:function(index){
            // if( vm.isli==true){
            //      vm.isli=false;
            //  }else{
            //      vm.isli=true;
            //  }
            //  
            // console.log(index)
            // 
            // this.classify.forEach(function(item){
            //   item.isli = false;
            // })
            this.classify[index].isli = !this.classify[index].isli;
            // console.log( this.classify[index].liclass[index].isspa)
        },
        clilabel:function(index){
              this.classify1[index].inslabelli = !this.classify1[index].inslabelli;
        },
        splabelcli:function(){
            alert('等待数据交互...')
        },
        spancli:function(item,parentItem){
           var self = this;

           // var arrcol = item.isspa = !item.isspa;
           // var arrc = (arrcol==true);
           // var arrc = (arrcol==false);
               
               

              // if(self.arr.length===5){
              //      alert(212);
              //     item.isspa=false;

              // }else{
              //      if(arrc){
              //       self.arr.push(23);
              //    }
              //    else{
              //       self.arr.splice(self.arr.indexOf(23),1);
              //    }
              // }

              // console.log(self.arr.length)
              //理念是集中清理true和false，最后在判断选中个数为五个进行最后的处理
              if(item.isspa === true){  //点击为true执行  1
                 // console.log('1'+item.isspa);
                item.isspa = false; //再把true变false 2  按照上面的总体清零 ，这里直接就清零，然后在进行下一步
                // console.log('2'+item.isspa);
                parentItem.arr.splice(self.arr.indexOf(23),1); //再清除一遍 3
                 // console.log('3'+item.isspa);
              }else{
                if(parentItem.arr.length ===5){  //长度大于五执行这条语句，要不就在1-5之间跑
                  alert('kjj');
                   // console.log('4'+item.isspa);
                  return;
                }
          
                item.isspa = true; //然后又把点中的给true 4
                  // console.log('5'+item.isspa);
                parentItem.arr.push(23); //在添加刚才的true进数组 5
              }

              console.log(parentItem.arr);
               // console.log('6'+item.isspa);
           
                // if(arrc){
                //    i++;
                // }
                // if(i>5){
                //   alert('5555555')
                // }
               
           

            // console.log(self.classify[index].liclass[index].isspa[index])
            // console.log(self.classify[index].liclass[index].isspa)
        }
    }
})